<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>首页</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<link rel="stylesheet" href="../../Content/css/jquery.datetimepicker.css"/>
<link rel="stylesheet" type="text/css" href="../../Content/css/yhr.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<header id="header"> 
  <!--头部文件从最下面load读取 ../public/head.html--> 
</header>
<div class="main" id="main">
  <div class="container"> 
    <!--创建表单-->
    <div class="addzw">
      <div class="form-horizontal"> 
        <!--以下为表单内容--> 
        <!--每个LI 标签的开始至结束代表一个字段-->
        <ul class="col-md-12 list-unstyled">
          <li class="page-header">
              <label class="h4">基本信息</label>
          </li>
          <!--字段一-->
          <li> 
            <!--一个标题与文本框为一个组-->
            <div class="form-group"> 
              <!--标题--> 
              <!--红色标记部分设定了文本框的宽度-->
              <label class="col-md-2 control-label"><span class="red">*</span>职位名称：</label>
              <!--文本输入框-->
              <div class="col-md-4 position-r">
                <input type="text" class="form-control" placeholder="请填写职位名称">
                <div class="error"> <span class="error-content">请填写职位名称</span> <em></em> <i></i> </div>
              </div>
            </div>
          </li>
          <!--字段二-->
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>行业职能：</label>
              <div class="col-md-4  position-r">
                <input type="text" class="form-control" placeholder="行业" data-toggle="modal" data-target="#myModal" id="hangyezhineng">
                <div class="error"> <span class="error-content">请填写行业职能</span> <em></em> <i></i> </div>
              </div>
            </div>
          </li>
          <!--字段三-->
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>所属部门：</label>
              <div class="col-md-4">
                <input type="text" class="form-control" placeholder="如产品部 ，技术部，无">
              </div>
            </div>
          </li>
          <!--字段四-->
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>汇报对象：</label>
              <div class="col-md-4">
                <input type="text" class="form-control" placeholder="如总经理，CEO，无">
              </div>
            </div>
          </li>
          <!--字段五-->
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>下属团队：</label>
              <div class="col-md-4">
                <select class="form-control">
                  <option value="无">无</option>
                  <option value="1-5人">1-5人</option>
                  <option value="5-10人">5-10人</option>
                  <option value="10人以上">10人以上</option>
                </select>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>招聘人数：</label>
              <div class="col-md-4">
                <input type="number" class="form-control" placeholder="人数">
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>工作地点</label>
              <div class="col-md-2">
                <select class="form-control" id="s_province">
                </select>
              </div>
              <div class="col-md-2">
                <select class="form-control" id="s_city">
                </select>
                <select class="form-control" id="s_county" style="display:none">
                </select>
              </div>
              <div class="col-md-3">
                <input type="text" class="form-control">
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>期望到岗日期：</label>
              <div class="col-md-4">
                <input id="date1" class="form-control" type="text">
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>截至日期：</label>
              <div class="col-md-4">
                <input id="date2" class="form-control" type="text">
              </div>
            </div>
          </li>
          <li class="page-header">
              <label class="h4">薪资福利</label>
          </li>
          
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>税前年薪：</label>
              <div class="input-group  left col-md-2"> 
                <!--与普通文本框属性相同-->
                <input class="form-control"  placeholder="">
                <!--与文本框的组合单位，内容根据实际情况而定，可放在文本框之前-->
                <div class="input-group-addon">万元</div>
              </div>
              <label class="left sqnx">一</label>
              <div class="input-group  left col-md-2"> 
                <!--与普通文本框属性相同-->
                <input class="form-control"  placeholder="">
                <!--与文本框的组合单位，内容根据实际情况而定，可放在文本框之前-->
                <div class="input-group-addon">万元</div>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">薪资构成：</label>
              <div class="col-md-5 xzgc">
                <label>
                  <input type="checkbox">
                  基本薪资</label>
                <label>
                  <input type="checkbox">
                  奖金/提成</label>
                <label>
                  <input type="checkbox">
                  期权</label>
				<label><input type="checkbox">
                  其他</label><input id="datepicker2" class="form-control" type="text"></div>
              </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">月薪制度：</label>
              <div class="col-md-4">
                <select class="form-control" >
                  <option value="12">12</option>
                  <option value="13">13</option>
                  <option value="14">14</option>
                  <option value="15">15</option>
                  <option value="16">16</option>
                </select>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">奖金制度：</label>
              <div class="input-group col-md-3"> 
                <!--与普通文本框属性相同-->
                <input class="form-control"  placeholder="奖金制度">
                <!--与文本框的组合单位，内容根据实际情况而定，可放在文本框之前-->
                <div class="input-group-addon">天</div>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">带薪年假：</label>
              <div class="input-group col-md-3"> 
                <!--与普通文本框属性相同-->
                <input class="form-control"  placeholder="带薪年假">
                <!--与文本框的组合单位，内容根据实际情况而定，可放在文本框之前-->
                <div class="input-group-addon">天</div>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">其他福利：</label>
              <div class="col-md-6 xzgc">
                <label>
                  <input type="checkbox">
                  期权奖励</label>
                <label>
                  <input type="checkbox">
                  年终绩效奖金</label>
                <label>
                  <input type="checkbox">
                  通讯津贴</label>
                <label>
                  <input type="checkbox">
                  午餐补助</label>
                <label>
                  <input type="checkbox">
                  车辆津贴</label>
                <label>
                  <input type="checkbox">
                  五险一金</label>
              </div>
            </div>
          </li>
          <li class="page-header">
              <label class="h4">职位要求</label>
          </li>
         
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>年龄要求：</label>
              <div class="col-md-4 sqnx">
                <input id="datepicker2" class="form-control" type="text">
                <label>—</label>
                <input id="datepicker2" class="form-control" type="text">
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>性别要求：</label>
              <div class="col-md-4 xbyq">
                <label>
                  <input type="radio">
                  不限</label>
                <label>
                  <input type="radio">
                  男</label>
                <label>
                  <input type="radio">
                  女</label>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">学历要求：</label>
              <div class="col-md-4">
                <select class="form-control" >
                  <option value="不限">不限</option>
                  <option value="大专及以上">大专及以上</option>
                  <option value="本科及以上">本科及以上</option>
                  <option value="硕士及以上">硕士及以上</option>
                  <option value="博士及以上">博士及以上</option>
                </select>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>是否统招全日制：</label>
              <div class="col-md-4 xbyq">
                <label>
                  <input type="radio">
                  不限</label>
                <label>
                  <input type="radio">
                  是</label>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>专业要求</label>
              <div class="col-md-4">
                <input id="datepicker2" class="form-control" type="text" placeholder="不限">
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>工作年限：</label>
              <div class="input-group col-md-3"> 
                <!--与普通文本框属性相同-->
                <input class="form-control"  placeholder="">
                <!--与文本框的组合单位，内容根据实际情况而定，可放在文本框之前-->
                <div class="input-group-addon">年以上</div>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">语言要求：</label>
              <div class="col-md-6 xzgc">
                <label>
                  <input type="checkbox">
                  普通话</label>
                <label>
                  <input type="checkbox">
                  英语</label>
                <input id="datepicker2" class="form-control" placeholder="其它语言" type="text">
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"></label>
              <div class="col-md-10">
                <label class="zyx checkbox">
                  <input type="checkbox">
                  只允许推荐完全符合以上条件的候选人</label>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>职位描述：</label>
              <div class="col-md-6">
                <textarea class="form-control" rows="4" placeholder="请输入职责描述和要求 ，最少不能少于60个字"></textarea>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">补充说明：</label>
              <div class="col-md-6">
                <textarea class="form-control" rows="4" placeholder="补充内容"></textarea>
              </div>
            </div>
          </li>
          <li class="page-header">
              <label class="h4">其他</label>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>开放类型：</label>
              <div class="col-md-4">
                <select class="form-control" >
                  <option value="公开（平台所有猎头可见）">公开（平台所有猎头可见）</option>
                  <option value="私密（指定猎头合作）">私密（指定猎头合作）</option>
                </select>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>职位负责人：</label>
              <div class="col-md-4">
                <select class="form-control" >
                  <option value="HR1">HR1</option>
                  <option value="HR2">HR2</option>
                  <option value="HR3">HR3</option>
                  <option value="HR4">HR4</option>
                </select>
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label"><span class="red">*</span>佣金形式：</label>
              <div class="col-md-3">
                <select class="form-control" >
                  <option value="固定佣金">固定佣金</option>
                  <option value="年薪百分比">年薪百分比</option>
                </select>
              </div>
               <div class="col-md-3">
                <input id="datepicker2" class="form-control" type="text" placeholder="佣金">
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <label class="col-md-2 control-label">内部编号：</label>
              <div class="col-md-4">
                <input id="datepicker2" class="form-control" type="text">
              </div>
            </div>
          </li>
          <li>
            <div class="form-group">
              <div class="col-md-2"></div>
              <div class="col-md-4 fbzw">
                <input type="submit" class="btn btn-primary" value="发布职位">
                <input class="btn btn-default" value="保存到草稿箱">
                </a></div>
            </div>
          </li>
        </ul>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>

<!--行业职能弹窗-->
<div class="modal fade" id="myModal"  aria-hidden="true">
	<div class="modal-dialog">
		<div class="aui_state_lock aui_state_focus">
    <div class="aui_outer">
      <table class="aui_border">
        <tbody>
          <tr>
            <td class="aui_nw"></td>
            <td class="aui_n"></td>
            <td class="aui_ne"></td>
          </tr>
          <tr>
            <td class="aui_w"></td>
            <td class="aui_c"><div class="aui_inner">
                <table class="aui_dialog">
                  <tbody>
                    <tr>
                      <td class="aui_header" colspan="2"><div class="aui_titleBar">
                          <div class="aui_title" style="cursor: move;">行业职能</div>
                          <a href="javascript:;" class="aui_close" data-dismiss="modal">×</a></div></td>
                    </tr>
                    <tr>
                      <td class="aui_icon" style="display: none;"><div class="aui_iconBg" style="background: none repeat scroll 0% 0% transparent;"></div></td>
                      <td class="aui_main" style="width: auto; height: auto; visibility: visible;"><div class="aui_content" style="padding: 0px;">
                          <style>
</style>
                          <div id="NTGUID__4">
                            <div class="data-result" id="dataResult"><em>最多选择 <strong>1</strong> 项</em></div>
                            <div class="data-tabs" id="dataTabs">
                              <ul>
                                <li data-selector="tab-all" class="active"><a href="javascript:;"><span>全部职能</span><em></em></a></li>
                              </ul>
                            </div>
                            <div class="data-container data-container-0"> 
                              <!--1-->
                              <div class="view-all" id="NTGUID__4NDTGUID__5">
                                <div class="cate-list-normal">
                                  <ul class="clearfix">
                                    <li><a href="javascript:;" data-code="cate-01" class="d-cate">互联网/游戏/软件</a></li>
                                    <li><a href="javascript:;" data-code="cate-02" class="d-cate">电子/通信/硬件</a></li>
                                    <li><a href="javascript:;" data-code="cate-03" class="d-cate">房地产/建筑/物业</a></li>
                                    <li><a href="javascript:;" data-code="cate-04" class="d-cate">金融</a></li>
                                    <li><a href="javascript:;" data-code="cate-05" class="d-cate">消费品</a></li>
                                    <li><a href="javascript:;" data-code="cate-06" class="d-cate">汽车/机械/制造</a></li>
                                    <li><a href="javascript:;" data-code="cate-07" class="d-cate">服务/外包/中介</a></li>
                                    <li><a href="javascript:;" data-code="cate-08" class="d-cate">广告/传媒/教育/文化</a></li>
                                    <li><a href="javascript:;" data-code="cate-09" class="d-cate">交通/贸易/物流</a></li>
                                    <li><a href="javascript:;" data-code="cate-10" class="d-cate">制药/医疗</a></li>
                                    <li><a href="javascript:;" data-code="cate-11" class="d-cate">能源/化工/环保</a></li>
                                    <li><a href="javascript:;" data-code="cate-12" class="d-cate">政府/农林牧渔</a></li>
                                  </ul>
                                </div>
                              </div>
                              <!--2-->
                              <div class="view-cate" id="NTGUID__4NDTGUID__o" style="display:none">
                                <div class="cate-list-subs">
                                  <ul class="clearfix">
                                    <li><a href="javascript:;" data-code="cate-02-01" class="d-cate">电子技术/半导体/集成电路</a></li>
                                    <li><a href="javascript:;" data-code="cate-02-02" class="d-cate">通信(设备/运营/增值)</a></li>
                                    <li><a href="javascript:;" data-code="cate-02-03" class="d-cate">计算机硬件/网络设备</a></li>
                                  </ul>
                                </div>
                              </div>
                              <!--3-->
                              <div class="view-tree" id="NTGUID__4NDTGUID__m" style="display:none">
                                <div class="tree-container">
                                  <div class="tree-list">
                                    <ul>
                                      <li class="odd d-tree-active"><a title="技术" href="javascript:;" data-code="549" class="d-tree d-tree-multies">技术 </a></li>
                                      <li class="odd"><a title="测试" href="javascript:;" data-code="543" class="d-tree">测试 </a></li>
                                      <li><a title="高级管理" href="javascript:;" data-code="530" class="d-tree">高级管理 </a></li>
                                      <li class="odd"><a title="人力资源" href="javascript:;" data-code="531" class="d-tree">人力资源 </a></li>
                                      <li><a title="财务" href="javascript:;" data-code="532" class="d-tree">财务 </a></li>
                                      <li class="odd"><a title="市场营销" href="javascript:;" data-code="533" class="d-tree">市场营销 </a></li>
                                      <li><a title="公关" href="javascript:;" data-code="534" class="d-tree">公关 </a></li>
                                      <li class="odd"><a title="销售/客服/技术支持" href="javascript:;" data-code="hot-06" class="d-tree">销售/客服/技术支持 </a></li>
                                      <li><a title="法务" href="javascript:;" data-code="539" class="d-tree">法务 </a></li>
                                      <li class="odd"><a title="行政" href="javascript:;" data-code="540" class="d-tree">行政 </a></li>
                                      <li><a title="企业信息化" href="javascript:;" data-code="541" class="d-tree">企业信息化 </a></li>
                                    </ul>
                                  </div>
                                  <div class="tree-item-list" style="height: 318px;">
                                    <div class="view-tree-items" id="NTGUID__4NDTGUID__n">
                                      <div class="item-list">
                                        <ul class="clearfix">
                                          <li><a title="首席技术官CTO/首席信息官CIO" href="javascript:;" data-code="010030" class="d-item">首席技术官CTO/首席信息官CIO</a></li>
                                          <li><a title="电池/电源开发" href="javascript:;" data-code="110360" class="d-item">电池/电源开发</a></li>
                                          <li><a title="集成电路IC设计/应用工程师" href="javascript:;" data-code="110130" class="d-item">集成电路IC设计/应用工程师</a></li>
                                          <li><a title="自动控制工程师/技术员" href="javascript:;" data-code="110350" class="d-item ">自动控制工程师/技术员</a></li>
                                          <li><a title="IC验证工程师" href="javascript:;" data-code="110380" class="d-item">IC验证工程师</a></li>
                                          <li><a title="电子/电路工程师" href="javascript:;" data-code="110010" class="d-item">电子/电路工程师</a></li>
                                          <li><a title="电子技术研发工程师" href="javascript:;" data-code="110180" class="d-item">电子技术研发工程师</a></li>
                                          <li><a title="射频工程师" href="javascript:;" data-code="110310" class="d-item">射频工程师</a></li>
                                          <li><a title="技术文档工程师" href="javascript:;" data-code="110140" class="d-item">技术文档工程师</a></li>
                                          <li><a title="电子/电器维修" href="javascript:;" data-code="110110" class="d-item">电子/电器维修</a></li>
                                          <li><a title="变压器与磁电工程师" href="javascript:;" data-code="110320" class="d-item">变压器与磁电工程师</a></li>
                                          <li><a title="版图设计工程师" href="javascript:;" data-code="110330" class="d-item">版图设计工程师</a></li>
                                          <li><a title="电器工程师" href="javascript:;" data-code="110020" class="d-item">电器工程师</a></li>
                                          <li><a title="电子软件开发(ARM/MCU…)" href="javascript:;" data-code="110390" class="d-item">电子软件开发(ARM/MCU…)</a></li>
                                          <li><a title="嵌入式软件开发(Linux/单片机/DLC/DSP…)" href="javascript:;" data-code="110070" class="d-item">嵌入式软件开发(Linux/单片机/DLC/DSP…)</a></li>
                                          <li><a title="嵌入式硬件开发(主板机…)" href="javascript:;" data-code="110065" class="d-item">嵌入式硬件开发(主板机…)</a></li>
                                          <li><a title="光源与照明工程师" href="javascript:;" data-code="110120" class="d-item">光源与照明工程师</a></li>
                                          <li><a title="机械工程师" href="javascript:;" data-code="110160" class="d-item">机械工程师</a></li>
                                          <li><a title="电气工程师" href="javascript:;" data-code="110170" class="d-item">电气工程师</a></li>
                                          <li><a title="工程与项目实施" href="javascript:;" data-code="110190" class="d-item">工程与项目实施</a></li>
                                          <li><a title="线路电气设计" href="javascript:;" data-code="110400" class="d-item">线路电气设计</a></li>
                                          <li><a title="线路结构设计" href="javascript:;" data-code="110401" class="d-item">线路结构设计</a></li>
                                          <li><a title="机电工程师" href="javascript:;" data-code="110402" class="d-item">机电工程师</a></li>
                                          <li><a title="自动化工程师" href="javascript:;" data-code="110403" class="d-item">自动化工程师</a></li>
                                          <li><a title="模拟电路设计/应用工程师" href="javascript:;" data-code="110404" class="d-item">模拟电路设计/应用工程师</a></li>
                                          <li><a title="空调工程/设计" href="javascript:;" data-code="110405" class="d-item">空调工程/设计</a></li>
                                          <li><a title="仪器/仪表/计量" href="javascript:;" data-code="110406" class="d-item">仪器/仪表/计量</a></li>
                                          <li><a title="安防工程师(安全防范系统)" href="javascript:;" data-code="110407" class="d-item">安防工程师(安全防范系统)</a></li>
                                          <li><a title="FAE现场应用工程师" href="javascript:;" data-code="110370" class="d-item">FAE现场应用工程师</a></li>
                                          <li><a title="工艺工程师" href="javascript:;" data-code="110040" class="d-item">工艺工程师</a></li>
                                          <li><a title="家用电器/数码产品研发" href="javascript:;" data-code="110060" class="d-item">家用电器/数码产品研发</a></li>
                                          <li><a title="电子元器件工程师" href="javascript:;" data-code="110100" class="d-item">电子元器件工程师</a></li>
                                          <li><a title="电声/音响工程师/技术员" href="javascript:;" data-code="110050" class="d-item">电声/音响工程师/技术员</a></li>
                                          <li><a title="激光/光电子技术" href="javascript:;" data-code="110340" class="d-item">激光/光电子技术</a></li>
                                          <li><a title="半导体技术" href="javascript:;" data-code="110090" class="d-item">半导体技术</a></li>
                                        </ul>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div></td>
                    </tr>
                    <tr>
                      <td class="aui_footer" colspan="2"><div class="aui_buttons" style="">
                          <button class="aui-btn aui-btn-primary" type="button" id="zn_submit" data-dismiss="modal">确定</button>
                          <button class="aui-btn aui-btn-light" type="button" data-dismiss="modal">取消</button>
                        </div></td>
                    </tr>
                  </tbody>
                </table>
              </div></td>
            <td class="aui_e"></td>
          </tr>
          <tr>
            <td class="aui_sw"></td>
            <td class="aui_s"></td>
            <td class="aui_se" style="cursor: se-resize;"></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
	</div>
  </div>


<script src="../../Scripts/jquery.min.js"></script> 
<script src="../../Scripts/bootstrap.min.js"></script> 
<script src="../../Scripts/jquery.searchbox.animate.js"></script> 
<!--日期选择--> 
<script src="../../Scripts/jquery.datetimepicker.js"></script> 
<!--城市联动--> 
<script src="../../Scripts/area.js"></script> 
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script> 
<script>
	$(function(){
		//读取共用的头部和菜单文件
		$("#header").load("../public/head.html nav",function(){
			$('[data-toggle="tooltip"]').tooltip();  //头部鼠标划过提示
			$('.search-box').searchbox({speed:500}); //头部搜索
		});
		
		
		$("#date1").datetimepicker({
			format:'Y/m/d'  //时间格式化,默认方式
			,timepicker:false	  //是否显示时间选择面板
		});
		$("#date2").datetimepicker({
			format:'Y/m/d'  //时间格式化,默认方式
			,timepicker:false	  //是否显示时间选择面板
		});
		
		/*行业职能*/
		var dataTabs   = $('#dataTabs');
		var dataResult = $('#dataResult');
		var oneClass   = $('#NTGUID__4NDTGUID__5');		//第一大类
		var twoClass   = $('#NTGUID__4NDTGUID__o');		//第二大类
		var threeClass = $('#NTGUID__4NDTGUID__m');		//第三大类
		oneClass.find('ul li a').bind('click',function(){
			//将li元素删除active样式
			dataTabs.find('ul li').removeClass('active');
			//追加带样式active的li元素
			dataTabs.find('ul').append('<li data-selector="tab-all" class="active"><a href="javascript:;"><span>'+ $(this).html() +'</span><em></em></a></li>');
			//大类切换
			yselTab();
			//使第一大类隐藏 显示第二大类
			oneClass.hide();
			twoClass.show();
		})
		twoClass.find('ul li a').bind('click',function(){
			//将li元素删除active样式
			dataTabs.find('ul li').removeClass('active');
			//追加带样式active的li元素
			dataTabs.find('ul').append('<li data-selector="tab-all" class="active"><a href="javascript:;"><span>'+ $(this).html() +'</span><em></em></a></li>');
			//大类切换
			yselTab();
			//使第二大类隐藏 显示第三大类
			twoClass.hide();
			threeClass.show();
		})
		threeClass.find('.tree-list ul li a').bind('click',function(){
			//第三大类左侧树形菜单添加样式
			threeClass.find('.tree-list ul li').removeClass('d-tree-active');
			$(this).parent().addClass('d-tree-active');
		})
		threeClass.find('.item-list ul li a').bind('click',function(){
			//第三大类右侧删除样式再当前元素添加样式
			threeClass.find('.item-list ul li a').removeClass('d-item-active');
			$(this).addClass('d-item-active');
			//添加选中元素
			dataResult.find('span').remove();
			dataResult.append('<span>'+ $(this).html() +'<i>×</i></span>');
			//删除选中的元素
			dataResult.find('span i').unbind('click').click(function(){
				$(this).parent().remove();
				threeClass.find('.item-list ul li a').removeClass('d-item-active');
			});
		})
		//点击确定按钮将选中的值赋值到文本框中
		$('#zn_submit').click(function(){
			var checkHtml = dataResult.find('span').html();
			if(typeof checkHtml == 'string'){
				checkHtml = checkHtml.replace('<i>×</i>','');
				$('#hangyezhineng').val(checkHtml);
			}
			
		});
		
		dataTabs.find('ul li').bind('click',function(){
			$(this).nextAll('li').remove();
		})
		/*大类切换*/
		function yselTab(){
			dataTabs.find('ul li').each(function(i){
				$(this).bind('click',function(){
					$(this).nextAll('li').remove();
					switch(i){
						case 0:
							oneClass.show();
							twoClass.hide();
							threeClass.hide();
							break;
						case 1:
							oneClass.hide();
							twoClass.show();
							threeClass.hide();
							break;
						case 2:
							oneClass.hide();
							twoClass.hide();
							threeClass.show();
							break;
					}
				});
			});
		};
		
		
		
		
		
		
		
		
		
		/*城市联动*/
		_init_area();//三级联动下拉城市
		var showArea = function(){
			$('#show').html("<h3>省" + $('#s_province').val() + " - 市" + 	
			$('#s_city').val() + " - 县/区" + 
			$('#s_county').value+ "</h3>")
		}
		$('#s_county').attr('change','showArea()');
		
		
		
})
	


	
</script>
</body>
</html>
